@charset "utf-8";

/* CSS Document */
html,body{-webkit-text-size-adjust:none; height:100%; }
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,img,dd,dl,dt,li,ol,ul,label,table,tbody,thead,tr,th,td,form,textarea{margin:0;padding:0;/*font-family: 'Microsoft Yahei','simhei','Verdana';*/}
*{font-family: 'Source Sans Pro', 'Microsoft Jhenghei', '微軟正黑體', Helmet, Freesans, sans-serif;
	   font-family: "LinotypeUniversW01-Regu";
	   font-family:微軟正黑體, Arial, Helvetica, sans-serif;  
	   }
body{font:12px/1.5em Arial, Helvetica, sans-serif;background-color:#fff; color:#5E5E5E; min-width:1200px;}
h1,h2,h3,h4,h5{font-size:12px; font-weight:normal;}
ul,ol{list-style-type:none;}
img{border:0;}
a{color:#000; text-decoration:none;}
a:hover{color:#3560b1; text-decoration: none;}
#trans-tooltip,
#tip-arrow-bottom,
#tip-arrow-top{ display:none}
.clear{clear:both; height:0px; line-height:0px; font-size:0}
.clearfix:after{content: "020"; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; }
.red{ color:#F00}
.wp{ width:1200px; margin:0 auto;padding: 0;display:block;}
.bg-ede{ background-color:#ededed}
.bg-fff{ background-color:#ffffff}
.bg-333{ background-color:#333}
.bg-img{ background-position:center; background-repeat:no-repeat; background-size: cover; position:fixed; z-index:-1; width:100%; height:100%; top:0; left:0;}
.r{ float:right}
.l{ float:left}
body.index .header{ width:100%; height:240px; z-index:1}
.section{ padding-top:80px; padding-bottom:90px;text-align: justify;}
.context{ line-height:280%;}
/*图片轮播*/
body.index .banner{ width:100%; height:530px;overflow:hidden; position:relative; margin-top:-36px;}
body.index .banner .text{width:100%; margin:auto; margin-top:40px; position:absolute;height:520px;z-index: 2;}
body.index .banner .text .wp{height:520px;  }
body.index .banner .text .wp h2{font-size: 70px;font-weight: bold;line-height: 100px;color: #fff;text-shadow: 0 0 16px black;font-family: "microsoft yahei";margin-top: 100px;}
body.index .banner .text .wp h3{ color:#fff; font-size:27px;text-shadow: 0 0 16px black;height: 34px;line-height: 34px;}
body.index .industry{ width:100%; height:205px; position:absolute; z-index:5; bottom:0 }
body.index .industry ul li{ float:left; width:300px; }
body.index .industry ul li.con1 a{ background-color:#386eb7; background-image:url(../images/industry_ico_1.png); background-repeat: no-repeat}
body.index .industry ul li.con2 a{ background-color:#006a5a; background-image:url(../images/industry_ico_2.png); background-repeat: no-repeat}
body.index .industry ul li.con3 a{ background-color:#605967; background-image:url(../images/industry_ico_3.png); background-repeat: no-repeat}
body.index .industry ul li.con4 a{ background-color:#957c5a; background-image:url(../images/industry_ico_4.png); background-repeat: no-repeat}
body.index .industry ul li h2{ font-size:30px; font-weight:800; color:#fff; line-height:60px;text-shadow:0px 0 3px black,0 0px 3px black,0px 0 3px black,0 0px 3px black;}
body.index .industry ul li p{display: none; height:24px; overflow:hidden; font-size:14px; line-height:160%; color:#fff;text-shadow:0px 0 3px black,0 0px 3px black,0px 0 3px black,0 0px 3px black;}
body.index .industry ul li b{display: none; color:#fff; display:block; height:24px;text-shadow:0px 0 3px black,0 0px 3px black,0px 0 3px black,0 0px 3px black;}
body.index .industry ul li a{ background-position: bottom; display:inline-block;width:240px;height:118px; padding:10px 30px 20px 30px; margin-top:57px;transition-property:margin-top,height;transition-duration:0.5s;transition-timing-function:ease;}
body.index .industry ul li a:hover{ background-image:none; width:240px;height:175px; margin-top:0;transition-property:margin-top,height;transition-duration:0.5s;transition-timing-function:ease;}
body.index .industry ul li a:hover h2{ height:auto;text-shadow: none;}
body.index .industry ul li a:hover p{ display: block; height:78px;text-shadow: none;filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;text-align:justify}
body.index .industry ul li a:hover b{ display:none}
body.index .industry ul li a .more{ display: inline-block; width:90px; height:22px; line-height:22px; margin-top:10px; font-size:12px; color:#fff; text-align:center; border:#fff solid 1px;}
.fullSlide {width:100%; position:absolute; z-index:0;height:530px;background:#fff;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;height:100%}
.fullSlide .bd ul {width:100% !important;height:630px;}
.fullSlide .bd li {width:100% !important;height:630px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:630px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:160px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:18px;height:18px;margin:5px;overflow:hidden;background:#FFF;line-height:999px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.fullSlide .hd ul .on {background:#f00;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:10;top:264px;margin-top:-30px;left:3%;z-index:1;width:40px;height:80px;background:url(../images/slider-arrow.gif) -140px 5px no-repeat\9\0;background:url(../images/slider-arrow.png) -140px 5px no-repeat;_background:url(../images/slider-arrow.gif) -140px 5px no-repeat;*background:url(../images/slider-arrow.gif) -140px 5px no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:3%;background-position:-6px 5px;}
.prod-info{ width:570px; float:right}
.prod-info .art-title{ margin-top:0; text-align:left; padding-top:0}
.prodpic-box{ width:490px; height:590px; float:left; margin-right:40px;}
.prod-pic {width:490px; position:absolute; z-index:0;height:490px;background:#fff;}
.prod-pic .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;height:100%}
.prod-pic .bd ul {width:100% !important;height:490px;}
.prod-pic .bd li {width:100% !important;height:490px;overflow:hidden;text-align:center;background-size: cover; background-position:center;}
.prod-pic .bd li a {display:block;height:490px;}
.prod-pic .hd {width:100%;position:absolute;z-index:1;bottom:-35px;left:0;height:30px;line-height:30px;}
.prod-pic .hd ul {text-align:center;margin-left: -5px;width: 510px;}
.prod-pic .hd ul li {cursor:pointer; float:left; margin:5px;width:90px;height:90px;overflow:hidden;background-size: cover; background-position:center;}
.prod-pic .hd ul .on { border:#1956a7 solid 5px;width:80px;height:80px;}
.prod-pic .prev,.prod-pic .next {display:block;position:absolute;z-index:10;top:244px;margin-top:-30px;left:3%;z-index:1;width:40px;height:80px;background:url(../images/slider-arrow.gif) -140px 5px no-repeat\9\0;background:url(../images/slider-arrow.png) -140px 5px no-repeat;_background:url(../images/slider-arrow.gif) -140px 5px no-repeat;*background:url(../images/slider-arrow.gif) -140px 5px no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.prod-pic .next {left:auto;right:3%;background-position:-6px 5px;}
h2.pro_tit{ font-size:24px; font-weight:bold; margin:0px 0 20px 0;border-bottom: 1px solid #ccc;padding-bottom: 10px;color: #232323; }
h2.pro_tit b{ height:24px; float:left; width:1px;border-left:#1956a7 solid 5px; margin-right:20px; margin-top:8px;}
h2.pro_tit span{ font-size:16px; font-weight:100; }
.buy-btn{ width:160px; margin-top:50px; height:40px; line-height:40px; text-align:center; background:#1956a7; font-weight:bold; color:#fff;}
.buy-tel{ font-size:20px; color:#666; height:60px; line-height:60px;}
.focus {width:485px; float:left; height:390px;background:transparent; }
.focus .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;height:390px}
.focus .bd ul {width:100% !important;height:390px;}
.focus .bd li {width:100% !important;height:390px;overflow:hidden;text-align:center;}
.focus .bd li a {display:block;height:390px;}
.focus .bd ul li .date{ background-color:#3561b1; margin-left:20px;margin-top: -244px; float:left; width:70px; height:80px; text-align:center; color:#fff;}
.focus .bd ul li .date span{ font-size:46px; line-height:57px; padding-top:10px; font-weight:100;}
.focus .bd ul li .date p{ font-size:14px;font-weight:100;}
.focus .bd ul li .pic{border:#3864b2 solid 4px; width:477px; height:240px;}
.focus .bd li .word{ position:absolute; bottom:0px;text-align: left;}
.focus .bd li .word .title{ font-size:20px; color:#333333; height:44px; overflow:hidden; text-align:left; font-weight:bold; line-height:44px;}
.focus .bd li .word p{ text-align:left; font-size:14px; line-height:24px; color:#999}
.focus .bd li .word .more{ color:#ffae00; margin-top:20px; display:block}
.focus .hd{ display:none}
.focus .hd {width:100%;position:absolute;z-index:1;bottom:140px;left:0;height:30px;line-height:30px;}
.focus .hd ul {text-align:center;}
.focus .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:18px;height:18px;margin:5px;overflow:hidden;background:#FFF;line-height:999px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.focus .hd ul .on {background:#f00;}
.focus .prev,.focus .next {display:block;position:absolute;z-index:10;top:124px;margin-top:-30px;left:3%;z-index:1;width:40px;height:80px;background:url(../images/slider-arrow.gif) -140px 5px no-repeat\9\0;background:url(../images/slider-arrow.png) -140px 5px no-repeat;_background:url(../images/slider-arrow.gif) -140px 5px no-repeat;*background:url(../images/slider-arrow.gif) -140px 5px no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.focus .next {left:auto;right:3%;background-position:-6px 5px;}
.news-list{ overflow:hidden}
.news-list li{ height:110px; padding-top:15px; border-top:#d5d5d5 solid 1px; margin-top:-20px;}
.news-list li .word {/*margin-left:80px;*/}
.news-list li .word .title{ font-size:16px; font-weight:normal; color:#333; height:36px; line-height:36px;}
.news-list li .word p{ color:#999; font-size:14px; line-height:20px;}
.news-list li .date{float:left; width:70px; height:80px; text-align:center; color:#3561b1; display: none;}
.news-list li .date span{ font-size:46px; line-height:57px; padding-top:10px; font-weight:100;}
.news-list li .date p{ font-size:14px;font-weight:100;}
h1.s-title{ height:100px; line-height:50px; color:#3661b2; font-weight:100; font-size:40px; width:100%; text-align:center; display:block; padding:10px 0;text-transform:Uppercase }
h1.s-title p{ color:#aaaaaa; margin-bottom:13px; line-height:24px; font-size:26px; text-align:center;text-transform:Uppercase}
.header{ background-color:#fff;}
.header .top{  height:240px;}
.header .top .top-right{ float:right; width:420px; height:40px; margin:40px 0}
.header .top .top-right span{ float:right; padding-left:45px; font-size:14px; font-weight:bold; width:125px; margin-left:40px; line-height:20px;}
.header .top .top-right span.email{ background:url(../images/topico_01.png) 0 0  no-repeat}
.header .top .top-right span.tel{ background:url(../images/topico_02.png) 0 0  no-repeat}
.header .top .topnav{ background:#f4f4f4;height:50px;line-height:50px;}
.header .top .topnav p{ text-align:right; color:#5E5E5E}
.header .top .topnav a{ display:inline-block;color:#5E5E5E;height:20px; line-height:20px; padding:0px; margin:12px 0 12px 20px}
.header .top .logo{ float:left; width:505px; height:68px; margin:26px 0; background-image:url(../images/logo.png); background-repeat:no-repeat}
.header .top .nav{ width:1200px; margin: 0 auto; background:#1956a7; height:70px; z-index:99; position:absolute}
.header .top .nav p{ position:absolute; z-index:1; width:1200px; height:70px;box-shadow: 0 1px 6px 0px #000;filter:alpha(opacity=50); -moz-opacity:0.50;opacity:0.50; }
.header .top .nav ul{ position:absolute; z-index:2}
.header .top .nav li{ display:block; font-size:17px;font-weight:bold;}
.header .top .nav li b.hot{ background:url(../images/hot-ico.gif); width:33px; height:15px; position:absolute; right:30px; margin-top:10px;}
.header .top .nav li a{ display:block;color:#fff;   height:70px; line-height:70px; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0}
.header .top .nav li a strong{ font-weight:normal; padding: 15px 0px;width: 199px;display: block;text-align: center;line-height:40px; border-left:#497ec2 solid 1px;}
.header .top .nav li.home a strong{ padding:15px 0px; width:200px;border-left:none}
.header .top .nav li a p{ display:none}
.header .top .nav li a.hover,
.header .top .nav li a:hover{ color:#fff; }
.header .top .nav li a.hover strong,
.header .top .nav li a:hover strong{border-left:#74a1fe solid 1px;}
.header .top .nav li.home a:hover strong{border-left:none;}
.header .top .nav li ul.rm-menu{ display:inline-block; max-width: 200px;}
.header .top .nav li ul.rm-menu li.rm-menu-item{ }
.header .top .nav li ul.rm-menu li.rm-menu-item a{ width: 100%;max-width: 128px;border-top: #497ec2 1px solid;display:block; padding:0; margin: 0 38px; height:50px; line-height:50px; font-size:16px;font-weight:normal}
.header .top .nav li ul.rm-menu li.rm-menu-item.rm-first a{ border-top: none}
.header .top .nav li ul.rm-menu li.rm-menu-item a:hover{ background:#1956a7; color:#ff9f00}
.header .top .nav .search-ico{ width:74px; height:70px;height:70px; position:absolute; display:none}
.header .top .nav .search-ico .ico{width:74px; height:70px;background:url(../images/search-ico.png) 26px 26px no-repeat; display:block}
.header .top .nav .search-ico ul{width:400px; height:60px; background-color:#fff; padding:0px 15px;}
.header .top .nav .search-ico ul li .search{ padding:10px 0;}
.header .top .nav .search-ico ul li .search input{ height:40px; line-height:40px; font-size:14px;}
.header .top .nav .search-ico ul li .search input.keyword{ width:198px; padding:0; height:36px; line-height:36px; border:#e4e4e4 solid 1px;margin:0; float:left}
.header .top .nav .search-ico ul li .search input.button{ height:38px; line-height:36px; text-align:center; color:#000; border:none;border:#e4e4e4 solid 1px;}
.statistics{ background-image:url(../images/b-bg.jpg);}
.statistics-ul{margin-top: 60px;}
.statistics-ul ul li{ float:left; width:24%; margin:0.5%; height:70px; padding:35px 0; background:#fff;}
.statistics-ul ul li h3{ font-size:36px; font-weight:bold; height:36px; line-height:36px;}
.statistics-ul ul li p{ font-size:14px; color:#666; font-weight:100}
.statistics-ul ul li i{ margin-right:20px; border-bottom:#1956a7 solid 8px;}
.statistics-ul ul li i.ico1{ background-image:url(../images/statistics_ico1.png); background-position:top; background-repeat:no-repeat; height:105px; width:110px; float:left}
.statistics-ul ul li i.ico2{ background-image:url(../images/statistics_ico2.png); background-position:top; background-repeat:no-repeat; height:105px; width:110px; float:left}
.statistics-ul ul li i.ico3{ background-image:url(../images/statistics_ico3.png); background-position:top; background-repeat:no-repeat; height:105px; width:110px; float:left}
.statistics-ul ul li i.ico4{ background-image:url(../images/statistics_ico4.png); background-position:top; background-repeat:no-repeat; height:105px; width:110px; float:left}
.customers ul{ margin-left:-20px;}
.customers ul li{ width:181px; height:90px; border:#d8d8d8 solid 1px; float:left; margin-left:20px; margin-top:15px;}
.customers ul li img{ width:100%; height:100%;}
.customer_list{ display:block; max-width:1200px; padding:50px 0}
.customer_list li{ float:left; text-align:center; width:33%; color:#000}
.message ul{ margin-left:-30px;}
.message ul li{ width:580px; margin-left:30px; float:left;}
.message ul li .con{ padding:30px; height:120px; overflow: hidden; line-height:200%; font-size:14px;background-color:#fff; border:#ddd solid 1px; }
.message ul li .logo{ bottom:-60px; line-height:60px; font-size:16px; font-weight:bold; margin-top:20px;}
.message ul li .logo img{ width:60px; height:60px; border-radius:100%; overflow:hidden; background-color:#fff; float:left; margin-right:10px;}
.message ul li .icon{ background:url(../images/message_icon.png) center no-repeat; width:40px; height:40px; overflow:hidden; position:absolute; margin: -20px 0 0 20px;}
.message ul li .arrow-down {width:0; height:0; border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #0066cc;border-top: 10px solid #fff;position: absolute;margin: 180px 0 0 20px; }
.gomap{ display:block; font-size:20px; height:100px; line-height:100px; text-align:center; background-color:#1956a7; color:#fff;}
.gomap a{color:#fff;}
.footer, footer a{ color:#bbbbbb}
.footer{ padding-top:55px;}
.footer .wp{ padding-bottom:30px;}
.footer .logo{ padding-bottom:20px;}
.footer .con{ line-height:30px;}
.footer .left{ float:left; width:285px;}
.footer .cen{ float:left; width:545px; margin-left:60px;}
.footer .cen .title,
.footer .right .title{ width:100%; border-bottom:#555555 1px solid; height:54px; line-height:54px;}
.footer .cen .title strong,
.footer .right .title strong{ font-size:14px; font-weight: bold; border-bottom:#c49d1e solid 1px; height:54px; line-height:54px; float:left}
.footer .right{ float:left; width:250px; margin-left:60px;}
.footer .right .con{ padding-top:33px;}
.footer .right .con li{ line-height:24px; padding-bottom:10px; padding-left:20px;}
.footer .right .con li i{ float:left; margin-left:-20px; margin-top:3px; width:20px; height:20px; background-image:url(../images/footer_ico.png); background-repeat:no-repeat}
.footer .right .con li.con1 i{ background-position:0 0;}
.footer .right .con li.con2 i{ background-position:0 -20px;}
.footer .right .con li.con3 i{ background-position:0 -40px;}
.footer .right .con li.con4 i{ background-position:0 -60px;}
.footer .right .con li.con5 i{ background-position:0 -80px;}
.footer .cen dl{ float:left; width:120px; margin-right:16px;}
.footer .cen dl dt{ height:40px; padding-top:26px; line-height:40px; }
.footer .cen dl dt a{color:#fff;width:120px;white-space:nowrap;text-overflow:ellipsis;  -o-text-overflow:ellipsis;  overflow: hidden;display: block;}
.footer .cen dl dd{}
.footer .cen dl dd li a{ height:30px; line-height:30px;color:#bbbbbb;display: block;width:120px;white-space:nowrap;text-overflow:ellipsis;  -o-text-overflow:ellipsis;  overflow: hidden;}
.footer .cp{ height:80px; line-height:80px; background-color:#1f1f1f; text-align:center}
.page-banner{ z-index:-1; height:450px; margin-top:-36px; background-size:contain; background-position:top center; background-repeat:no-repeat}
.page-banner .text{ padding-top:100px; text-align:right}
.page-banner .text h2{font-size: 38px; display: block; line-height: 50px; text-align: right; color: #0b5cad; font-weight: bold; text-shadow: 0 0 7px #fff;}
.page-banner .text h3{ font-size: 16px; color: #0b5cad;text-shadow: 0 0 7px #fff;}
.page-main{ margin-top:-210px; background:#fff; min-height:500px;}
.page-title{ text-align:center; padding-top:30px;}
.page-title strong{ height:40px; font-size:40px; font-weight:100; color:#1956a7;margin-top:-58px; position:absolute}
.page-title p{font-size:40px; height:40px; padding-top:40px; font-weight:100;  color:#e1e1e1;text-transform: Uppercase; }
.page-main .prod-contact{ border:#eee solid 1px; background-color:#f7f7f7; margin:30px 0; padding:15px 20px; background:url(../images/prod-ad00.jpg) left center no-repeat}
.page-main .prod-contact .tel{ float:left;width: 240px;}
.page-main .prod-contact .tel i{ float:left; width:53px; height:53px; margin-right:10px; background:url(../images/tel-ico.png) center no-repeat;}
.page-main .prod-contact .tel span{ font-size:16px; line-height:20px; font-weight:bold; display:block}
.page-main .prod-contact .tel p{ font-weight:100; line-height:34px; margin:0; font-size:26px; display:block}
.page-main .left-image{ float:left; width:230px; }
.page-main .left-image dl{ border:#eee solid 1px; padding:0}
.page-main .left-image dt{ background:#f8f8f8; height:40px; line-height:40px; text-indent:20px; font-weight:bold}
.page-main .left-image dd.contact{ font-size:12px; padding:10px; line-height:30px; color:#333}
.page-main .left-image dd.product{ padding:10px; font-size:14px; text-align:center}
.page-main .left-image dd.product li{ padding-bottom:20px;}
.page-main .left-image dd.product a{ display:block;line-height: 20px;}
.page-main .left-image dd.product img{ width:208px; height:190px;}
.page-main .right-image{float: right; width:820px;}
.page-main .right-image .content-con{ display:none; padding-top:30px}
.page-main .right-image .content-con h2{ font-size:22px; font-weight:bold; margin:20px 0 10px 0; color:#1956a7 }
.page-main .right-image .cur{ display:block}
.page-main .right-image .tabs{ height:39px; line-height:40px; font-size:14px; border:#eeeeee 1px solid;border-bottom:#e4393c solid 2px; background:#f7f7f7 }
.page-main .right-image .tabs li{ cursor:pointer; float:left; padding:0 25px; margin-left:-1px;}
.page-main .right-image .tabs li.cur{ background-color:#e4393c; color:#fff}
.page-main .page-content{ padding: 40px; font-size:16px; line-height:240%; text-align:justify}
.page-main .page-content h2{ font-size:30px; font-weight:bold; color:#1956a7; }
.page-main .page-content p,
.page-main .page-content div{ text-align:justify}

.page-main .page-content .Join ul{ padding-bottom:30px;}
.page-main .page-content .Join h2{ display:block;clear:both;}
.page-main .page-content .Join ul:after,
.page-main .page-content .Join h2:after{content: "020"; display: block; height:0; line-height:0; clear: both; visibility: hidden; zoom: 1; }
.page-main .page-content .Join ul li{ display:block; float:left; width:50%; height:30px;}

.page-main .page-content .table{ width:100%; border-left:#eee solid 1px; border-top:#eee solid 1px; margin-top:30px;}
.page-main .page-content .table td{ border-right:#eee solid 1px; border-bottom:#eee solid 1px; padding:5px 10px;}
.page-main .page-content .more-case{ padding:8px 20px; line-height:20px; background:#ccc; color:#000; border-radius:30px; margin-top:40px;}
.page-main .page-content .more-case:hover{ background-color:#1956a7;color:#fff;}
.page-right{ float:right; width:240px;}
.page-right .top1{ font-size:14px; line-height:24px; border-bottom:#e4e4e4 solid 1px; padding-bottom:10px;}
.page-right .top1 img{ width:100%}
.page-right .top1 p{ margin:0;color:#666; }
.page-right .top1{ margin-bottom:10px; text-align:center; border:#e4e4e4 solid 1px;}
.page-right .top1 p{text-align:center; }
.page-right .top2 li a{ border-bottom:#e4e4e4 solid 1px; padding:15px 0; color:#666; line-height:22px; font-size:14px; display:block;}
.news-list-def{ padding-left:0;border-top:#e4e4e4 solid 1px; padding-top:20px; }
.news-list-def li .picture{ float:left; width:230px; height:150px; margin-right:20px; margin-top:10px;border:#e4e4e4 solid 1px;}
.news-list-def li .picture img{width:230px; height:150px; }
.news-list-def li{ display:block; border-bottom:#e4e4e4 solid 1px; margin-bottom:20px; padding-bottom:20px;}
.news-list-def li .work{ display:block}
.news-list-def li .work .title{ font-size:22px; margin-bottom:10px; font-weight:200}
.news-list-def li .work .info{ display:block}
.news-list-def li .work .des{display:block; height:44px; font-size:14px; font-weight:normal; color:#999; line-height:22px;}
.info span{ font-size:12px; height:15px; line-height:15px; color:#999; margin-right:20px; display:inline-block}
.info span b{ background-image:url(../images/news-icon.png); width:15px; height:15px; display:inline-block;margin-right:5px;float: left;}
.info span.source b{ background-position:0 0}
.info span.date b{background-position:0 -15px}
.info span.browse b{background-position:0 -30px}
.page-main .page-content .news-list-def{width: 830px;}
.news-list-def li .more{ color:#e40042; margin:0; font-size:12px;}
.page-art{ width:1100px; margin-left:auto; margin-right:auto; display:block; padding-bottom:50px;padding: 0 50px;}
.page-art dl{ padding-bottom:50px;}
.page-art .page-right{margin-top: 30px;}
.page-art .position{ text-align: left;}
.page-art .content{ color:#333;}
h1.art-title { text-align:center;font-size: 32px;line-height: 180%;font-weight: bold;color: #404040;padding-bottom: 20px; padding-top:40px;}
.page-art dl{ padding-top:30px; color:#999}
.page-art dl .position a{ color:#999}
.page-art .info{ text-align:center;}
.content{ font-size:16px; font-weight:normal; line-height:200%; border-top:#f2f2f2 solid 1px; margin-top:16px; padding-top:30px;text-align: justify;}
.content .tstitle{ border-top:#d8d8d8 solid 1px; font-size:20px; font-weight:bold; height:70px; line-height:50px;}
.content table{ border-left:#f2f2f2 solid 1px;border-top:#f2f2f2 solid 1px; margin:15px auto 15px auto}
.content table th,
.content table td{ border-right:#f2f2f2 solid 1px;border-bottom:#f2f2f2 solid 1px; padding:5px 10px; font-size:14px;}
.content table th{ background-color:#f8f8f8}

#fh5co-center .item{ text-align: center; padding:10px 0px}
#fh5co-slide{ display:none}
#fh5co-main{ padding-top:10px !important;}

#casetype_list{margin:0;padding:0; text-align:center;list-style:none;}
#casetype_list li{ display:inline-block;}
#casetype_list li span{display:block;padding:5px 20px; font-size:14px; height:32px; line-height:32px;text-decoration:none;color:#666;cursor:pointer; border:#d8d8d8 solid 1px; margin-left:-1px}
#casetype_list li span.active{background:#e95a44;color:#fff; border:#e95a44 solid 1px;}
#casetype_list li span.active a{color:#fff;}
#casetype_list li span.active a:hover{color:#fff; }
.page-art .content{ font-size:18px;}
.share-links{/*display:flex;*/ margin-bottom:10px; padding-top:10px; width:330px;}
.share-links li{ float:left; width:25%; text-align:center}
.share-links li p{ text-align:center; font-size:10px; color:#999}
.share-links li img{ width:50px; height:50px; }
.share-links li a{ background-image:none;display:inline-table; padding-left:0; margin:3px;text-align: center;width: 100%;}
.share-links .jiathis_style_32x32{ display:none}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{ background-image:none}
.share-links .wxbox{ background-image:url(../images/wxfxbg.png); width:100%; height:100%; position:absolute; z-index:99999;top: 0;left: 0;}
.share-links .wxbox img{ width:100%; height:auto}
.share-links .close-reveal-modal{width: 100%;height: 40px;padding: 0;margin-top: 80px;}
.share-links .close-reveal-modal img{height: 40px;}
.too{ height:100px; border-top:#F2F2F2 solid 1px; margin-top:40px; padding-top:30px;}
.too .l{ font-size:14px; line-height:34px; color:#999999;    margin-top: 20px;}
.too .l a{ color:#999}
.dede_pages{ display:block; height:42px; margin:30px 20px;}
.dede_pages .pagelist{display:block; height:42px;}
.dede_pages .pagelist li{ float:left; margin-right:10px;}
.dede_pages .pagelist li a{height:40px; line-height:40px; padding:0 17px; text-align:center; border:#d8d8d8 solid 1px; display:block;}
.dede_pages .pagelist li.thisclass a,
.dede_pages .pagelist li a:hover{background-color: #1956a7; border:#1956a7 solid 1px; color:#fff;}
.dede_pages .pagelist li .pageinfo{height:42px; line-height:42px; padding:0 20px; text-align:center; border:#d8d8d8 solid 1px; display:block;}
.dede_pages .pagelist li.select select{height:42px; line-height:42px; padding:0 0px 0 4px; text-align:center; border:#d8d8d8 solid 1px; display:block;}
.dede_pages .pagelist li .pageinfo{ height:40px; line-height:40px;}
/*相关新闻*/
.page-art dl.xgxw{margin-top:40px; padding-top:10px; border:#F2F2F2 solid 1px;}
dl.xgxw dt{ font-size:14px; color:#fff; height:40px; width:125px; text-align:center; margin-top:15px; line-height:40px; margin-bottom:15px; background-color:#23a9e2;  }
dl.xgxw dd{ background:none; padding:0; margin:15px;}
dl.xgxw dd ul.inews{ margin-top:5px;overflow:hidden; border-top:none; padding:0}
dl.xgxw dd ul.inews li{ width:33%; float:left}
dl.xgxw dd ul.inews li a{ color:#666}

ul.inews{ padding:10px 20px; border-top:#d9d9d9 solid 1px;}
ul.inews li{ padding:10px 0px; float:left; width:389px;}
ul.inews li a{ font-size:14px; line-height:140%}
ul.inews li a img{ float:right; margin-left:10px; width:100px; height:60px; }
ul.inews li a p{ font-size:10px; color:#999; margin-top:8px;}

dl.xgxw_case{ padding-bottom:10px;}
dl.xgxw_case dt{ font-size:14px; color:#fff; height:40px; width:125px; text-align:center; margin-top:15px; line-height:40px; margin-bottom:15px; background-color:#23a9e2;}
dl.xgxw_case dd{ background:none; padding:0; margin:15px -10px;}
dl.xgxw_case dd ul.inews{ margin-top:5px;overflow:hidden; border-top:none; padding:0}
dl.xgxw_case dd ul.inews li{ width:20%; float:left; height:190px;}
dl.xgxw_case dd ul.inews li a img{width: 100%;height: 150px;clear: both;float: none;  margin:0;}
dl.xgxw_case dd ul.inews li a{ color:#666; text-align:center;display: block;padding: 10px; padding-bottom:0}

.page-main #portfoliolist {margin-left:15px;}
.page-main #portfoliolist .portfolio{margin: 35px 10px 0 10px;}
.kwicks {list-style: none;position: relative;margin: 0;padding: 0; background-color:#000;margin-top:-36px;}
.kwicks.horizontal li {	margin-right:0px; float: left;}
.kwicks.vertical  li{margin-bottom:0px;}
.kwicks li{ background-color:#000}
.kwicks a{ display:block; width:100%; height:100%;}
.kwicks li i{ width:90px; height:90px;margin-top:200px; margin-left:45px;  display:inline-block; background-image:url(../images/prod_index_ico.png); background-repeat:no-repeat; background-position:left top}
.kwicks .word{ width:100%; height:100%; position:absolute; z-index:1}
.kwicks .word h2{ font-size:24px; font-weight:bold; margin-left:45px;  color:#ff9f00; height:50px; line-height:50px;text-shadow: 0px 0 3px black, 0 0px 3px black, 0px 0 3px black, 0 0px 3px black;}
.kwicks .word .des{ height:90px; overflow:hidden;margin-left:45px;  font-size:14px; line-height:30px; color:#fff;text-shadow: 0px 0 3px black, 0 0px 3px black, 0px 0 3px black, 0 0px 3px black;}
.kwicks li .bg{opacity:0.5; width:100%; height:100%; display:block; z-index:0; position:absolute}
.kwicks li .more{ margin-top:50px;margin-left:45px;  width:50px; height:50px; background-image:url(../images/prod_index_more.png); background-position:top ; background-repeat:no-repeat;transition-property:background-position;transition-duration:0.5s;transition-timing-function:ease;}
.kwicks #kwick1 .bg{background-image: url('../images/prod_index_pic_1.jpg');}
.kwicks #kwick2 .bg{background-image: url('../images/prod_index_pic_2.jpg');}
.kwicks #kwick3 .bg{background-image: url('../images/prod_index_pic_3.jpg');}
.kwicks #kwick4 .bg{background-image: url('../images/prod_index_pic_4.jpg');}
.kwicks li.active .bg{opacity: 0.2;transition-property:opacity;transition-duration:0.5s;transition-timing-function:ease;}
.kwicks li.active .more{ width:50px; height:50px; background-position:bottom ;transition-property:background-position;transition-duration:0.5s;transition-timing-function:ease;}
.kwicks li{float: left;width: 25%;height:628px;margin-right: 0px;}
#kwick1 .word i{ background-position:0 0px}
#kwick2 .word i{ background-position:-90px 0}
#kwick3 .word i{ background-position: -180px 0}
#kwick4 .word i{ background-position:-270px 0}
#kwick1.active .word i{ background-position:0 -90px}
#kwick2.active .word i{ background-position:-90px -90px}
#kwick3.active .word i{ background-position: -180px -90px}
#kwick4.active .word i{ background-position:-270px -90px}
.prod-list-2{ width:100%;height:150px; display:block; background-color:#000; z-index:9}
.prod-list-2 li .more{ width:50px; height:50px; background-position:bottom ;transition-property:background-position;transition-duration:0.5s;transition-timing-function:ease;}
.prod-list-2 li{float: left;width: 25%;height: 150px;margin-right: 0px; position:relative}
.prod-list-2 li a{ height:150px;width: 100%;opacity:1; display:block; z-index:0; position:absolute}
.prod-list-2 li.pro1 a{background-image: url('../images/probg-1.jpg');}
.prod-list-2 li.pro2 a{background-image: url('../images/probg-2.jpg');}
.prod-list-2 li.pro3 a{background-image: url('../images/probg-3.jpg');}
.prod-list-2 li.pro4 a{background-image: url('../images/probg-4.jpg');}
.prod-list-2 li a:hover{opacity:1;}
.prod-list-2 li a .word h2{font-size: 24px;font-weight: bold;margin-left:150px; margin-top:24px;color: #ff9f00;height: 50px;line-height: 50px;text-shadow: 0px 0 3px black, 0 0px 3px black, 0px 0 3px black, 0 0px 3px black;}
.prod-list-2 li a .word .des{height:76px;overflow: hidden;margin-left:150px;font-size: 14px;line-height: 30px;color: #fff;text-shadow: 0px 0 3px black, 0 0px 3px black, 0px 0 3px black, 0 0px 3px black;}
.prod-list-2 li i{ width:90px; height:90px;margin-top:30px; margin-left:35px;  display:inline-block; background-image:url(../images/prod_index_ico.png); background-repeat:no-repeat; background-position:left top; float:left;}
.prod-list-2 li.pro1 .word i{ background-position:-360px -90px}
.prod-list-2 li.pro2 .word i{ background-position:-450px -90px}
.prod-list-2 li.pro3 .word i{ background-position: -540px -90px}
.prod-list-2 li.pro4 .word i{ background-position:-630px -90px}
.kwicks.horizontal #kwick_4 {margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */}
.kwicks.vertical #kwick_4 {margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */}
.prod-index-box { padding:40px;}
.prod-index-box dl dd{ padding-bottom:40px;}
.prod-index-box dl dt{ height:70px; line-height:70px; border-top:#eeeeee solid 2px;}
.prod-index-box dl dt strong{ font-weight:100; font-size:28px;border-top:#1956a7 solid 2px; float:left; margin-top:-2px;}
.prod-index-box dl dt span{ font-size:20px; font-weight:100; color:#ddd; line-height:80px; margin-left:20px;}
.prod-index-box dl dd .prod-list li{ width:270px; float:left; margin:5px;}
.prod-index-box dl dd .prod-list .picture img{  height: 243px; margin:auto}
.prod-index-box dl dd .prod-list li .picture img{ width:270px;}
.prod-index-box dl dd .prod-list .name{ font-size:16px; line-height:200%; display:block; text-align:center}
.prod-index-box dl dd .prod-list .name a{ width:95%; margin:auto}
.prod-index-box dl dd .prod-list-des li{ background-color:#fafafa; width:100%; height:273px; margin:15px 0; border:#eee solid 1px;}
.prod-index-box dl dd .prod-list-des .picture{ float:left; padding:15px;}
.prod-index-box dl dd .prod-list-des .picture img{  height: 243px; margin:auto}
.prod-index-box dl dd .prod-list-des li .picture img{ width:270px;}
.prod-index-box dl dd .prod-list-des .word{height:273px; margin-left:320px; padding-right:20px; position:relative}
.prod-index-box dl dd .prod-list-des .name{ font-size:26px; font-weight:bold; line-height:200%; display:block; text-align:left;}
.prod-index-box dl dd .prod-list-des .name a{ line-height:80px; }
.prod-index-box dl dd .prod-list-des .des{ font-size:14px; line-height:200%}
.prod-index-box dl dd .prod-list-des .more{ position:absolute; bottom:15px; width:130px; height:36px; line-height:36px; text-align:center; font-size:14px; border:#ddd solid 1px;}
.prod-index-box dl dd .prod-list-des .more a{ height:36px; display:block; background-color:#fff}
.prod-index-box dl dd .prod-list-des .more a:hover{background: #1956a7; color:#fff;}
.page-main .sub-content{ padding:25px;}
.sub-content dl{ float:left; width:33%;}
.sub-content dl dt{ font-size:18px; height:50px; line-height:50px; border-top:#999 solid 1px; font-weight:600; margin:15px; margin-bottom:0; color:#1956a7}
.sub-content dl dd{font-size:14px;margin:15px; margin-top:0}
.contact_table{ width:100%;padding-top:10px}
.contact_table li{ width:50%; line-height:22px; float:left;padding: 20px 0;    font-family: "microsoft yahei";}
.contact_table li img{ float:left; margin-right:5px;width:44px;height: 44px}
.page-customer-list{ display:block; padding:30px;}
.page-customer-list li{ float:left; border:#eee solid 1px; margin:10px; width:168px;}
.page-customer-list li img{ width:100%; height:auto}
.page-customer-list li .title{ height:36px; line-height:36px; text-align:center; font-size:14px; background-color:#f8f8f8;}
.link_footer{word-break: break-all;white-space: normal;margin-top: 20px;padding-top: 10px;border-top: #555 solid 1px;}
.link_footer li{display:inline-block;padding: 5px 10px;}
.link_footer li a{ color:#999}
.link_footer li a:hover{ color:#ccc}